/**index.wxss**/
page {
  background: #ecebe8;
}
.user-wrap {
  position: relative;
  height: 45vh;
  display: flex;
  justify-content: center;
  background: var(--themeColor);
  button {
    position: absolute;
    top: 20%;    
  }
}
.user-img-wrap{
  height: 45vh;
  overflow: hidden;
  image {
    width: 100%;
    height: 100%;
    filter: blur(10rpx);
  }
}
.userinfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 20%;
  right: 40%;
}

.userinfo-avatar {
  width: 128rpx;
  height: 128rpx;
  margin: 20rpx;
  border-radius: 50%;
}

.userinfo-nickname {
  color: #fff;
  font-size: 36rpx;
}
/*
  公共的样式 利用继承写法
  .jicheng {公共样式}
  .foot-wrap:extend(.jicheng){自己特殊样式}
*/
.jicheng {
  position: relative;
  width: 90vw;
  left: 5vw;
  background: #fff;
}
.foot-wrap:extend(.jicheng) {
  display: flex;
  align-items: center;
  top: -60rpx;
  height: 90rpx;
  navigator {
    flex: 1;
    .foot-item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .num {
        color: var(--themeColor);
      }
      .name {}
    }
  }
}
.book-wrap:extend(.jicheng) {
  display: flex;
  flex-direction: column;
  top: -40rpx;
  .title {
    padding:20rpx 0 20rpx 10rpx;
    border-bottom: 2rpx solid #ecebe8;
  }
  .book-group {
    display: flex;
    padding: 10rpx 0;
    navigator {
      flex: 1;
      .book-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
    }
  }
}
.address:extend(.jicheng) {
  top: -20rpx;
  padding:20rpx 0 20rpx 10rpx;
}
.about-wrap:extend(.jicheng) {
  display: flex;
  flex-direction: column;
  .about-item {
    display: flex;
    justify-content: space-between;
    padding: 20rpx 10rpx;
    border-bottom: 2rpx solid #ecebe8;
  }
}

